﻿
@{
    ViewBag.Title = "KaoHeFanWeiWeiTiao";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Template/ace_admin_v1.4.0/components/spin.js/spin.js"></script>
<div class="row" id="app">
    <div class="col-xs-12">
        <!--人员列表-->
        <div class="row" id="list">
            <div class="col-xs-12">
                <div class="table-header">
                    人员列表
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <p>
                            <button class="btn btn-white btn-info btn-bold">
                                <i class="ace-icon fa fa-check"></i>
                                没有问题 ，我同意
                            </button>
                        </p>
                    </div>
                </div>
                <div>
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="center">
                                    账号/编号
                                </th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>手机号</th>
                                <th>所在科室</th>
                                <th>职务</th>
                                <th></th>
                            </tr>
                        </thead>

                        <tbody>
                            <tr v-for="tr in users">
                                <td class="center">
                                    {{tr.username}}
                                </td>
                                <td>{{tr.name}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <div class="btn-group">
                                        <button data-toggle="dropdown" class="btn btn-primary btn-white dropdown-toggle btn-sm " aria-expanded="true">
                                            操作
                                            <i class="ace-icon fa fa-angle-down icon-on-right"></i>
                                        </button>

                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="javascript:void(0)">添加附加分</a>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!--附加得分-->
        <div class="row" id="info" style="display: none">
            <div class="col-xs-12  widget-container-col">

                <div class="widget-box" id="widget-box-1">
                    <div class="widget-header">
                        <h5 class="widget-title">附加得分</h5>

                        <!-- #section:custom/widget-box.toolbar -->
                        <div class="widget-toolbar">
                            <div class="widget-menu">
                                <a href="#" data-action="settings" data-toggle="dropdown">
                                    <i class="ace-icon fa fa-bars"></i>
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right dropdown-light-blue dropdown-caret dropdown-closer">
                                    <li>
                                        <a data-toggle="tab" href="#dropdown1">返回列表</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- /section:custom/widget-box.toolbar -->
                    </div>

                    <div class="widget-body">
                        <div class="widget-main">
                            <form class="form-horizontal" role="form">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"> 账号/编号 </label>
                                    <div class="col-sm-9"><input type="text" placeholder="账号/编号" class="col-xs-10 col-sm-5" /></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"> 姓名 </label>
                                    <div class="col-sm-9"><input type="text" placeholder="姓名" class="col-xs-10 col-sm-5" /></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"> 手机号 </label>
                                    <div class="col-sm-9"><input type="text" placeholder="手机号" class="col-xs-10 col-sm-5" /></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"> 性别</label>
                                    <div class="col-sm-3">
                                        <select class="form-control">
                                            <option value="0">未选择</option>
                                            <option value="1">男</option>
                                            <option value="2">女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right"> 所属科室</label>
                                    <div class="col-sm-3">
                                        <select class="form-control">
                                            <option value="0">未选择</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="clearfix form-actions">
                                    <div class="col-md-offset-2 col-md-10">
                                        <button class="btn btn-white btn-info btn-bold" type="button">
                                            <i class="ace-icon fa fa-floppy-o bigger-120 blue"></i>
                                            保存
                                        </button>

                                        <button class="btn btn-white btn-warning btn-bold" type="button">
                                            <i class="ace-icon fa fa-trash-o bigger-120 orange"></i>
                                            取消
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>


            </div>
        </div>

    </div>
</div>
<script src="~/Scripts/JsModel/Model_KaoHeHuiZongBiao.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
        data: {
            user: new KaoHeHuiZongBiao(),
            users: []
        },
        methods: {
            p_GetDatas: function () {
                var _self = this;
                axios.get('@Url.Action("GetKaoHeWeiTiao", "Review")' ).then(
                    function (response) {
                        _self.users = [];
                        for (var i = 0; i < response.data.length; i++) {
                            _self.users.push(response.data[i]);
                        }
                        },
                        function(response) {
                            alert(response.status);
                        }
                    )
                    .catch(
                        function(error) {
                            alert(error);
                        }
                    );
            },

            Init: function() {

            }
        },
        created() {
            //console.log("页面初始化完成111");
        },
        mounted() {
            this.p_GetDatas();
        }
    });
</script>